Component({
  /**
   * 组件的属性列表
   */
  properties: {
    corlor:{
      type:Number,
      value:0,
    },
    datas:{
      type:Array,
      value:[],
    },
    indexs:{
      type:Number,
      value:0
    },
    isChoose:{
      type:Boolean,
      value:true
    }
  },
  observers:{
    'indexs,datas,isChoose':function(val,val1,val2){
      if(val2){
          this.setData({
            activeItem:''
          })
      }else{
        this.setData({
          activeItem:val1[val]
        })
      }
      // console.log(val)
      //  if(val!=null||val){
      //     this.setData({
      //       activeItem:val1[val]?val1[val]:''
      //     })
      //  }
    }
  },
  /**
   * 组件的初始数据
   */
  data: {
    activeItem:{}
  },
  /**
   * 组件的方法列表
   */
  methods: {
    //点击组件
    clickItem(e){
      // console.log(e.target.id)
      let index = e.target.id
      if(this.data.activeItem.id==this.properties.datas[index].id){
        this.setData({
          activeItem:{}
        }) 
        this.triggerEvent('childEvent',null)
      }else{
        this.setData({
          activeItem:this.properties.datas[index]
        }) 
        this.triggerEvent('childEvent', e.target.id)
      }
     
      
    }
  }
})
